.countdown {
  font-family: Arial, sans-serif;
  font-size: 48px; /* 根据需要调整字体大小 */
  text-align: center;
}

.time {
  display: flex;
  justify-content: center;
  align-items: center;
}

.number {
  display: inline-block;
  transition: transform 0.6s ease-in-out;
  perspective: 1000px; /* 让翻转效果看起来更真实 */
}

.flip {
  animation: flip 0.6s forwards; /* 使用关键帧动画 */
}

@keyframes flip {
  0% {
      transform: rotateX(0deg);
  }
  50% {
      transform: rotateX(90deg);
  }
  100% {
      transform: rotateX(0deg);
  }
}
